<template>
	<div>
	
		<div style="height:1.4rem"></div>
		<div class="lq-box">
		<div class="lq-box_1 ">
			<a href="javascript:history.go(-1)"><img src="static/img/headBack.jpg"></a>
			<span>8周年-酒仙独家会场</span>
			<a href="javascript:;"><img src="static/img/line.jpg"></a>
		</div>
		
		<div class="lq-box_2">
			<div class="edg">
				<i>距离活动结束还剩</i>
				<span><strong>07</strong></span>
				<i>天</i>
				<span><strong>15</strong></span>
				<i>时</i>
				<span><strong>57</strong></span>
				<i>分</i>
				<span><strong>23</strong></span>
				<i>秒</i>
			</div>
		</div>
	</div>
	<my-adbanner></my-adbanner>
	<div class="lq-box_3">
			<a href="javascript:;"><img src="static/img1/1.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/2.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/3.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/4.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/5a.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/6.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/7.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/8.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/9.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/10.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/11.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/12.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/13.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/14.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/15.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/16.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/17.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/18a.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/19.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/20a.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/21.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/22.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/23.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/24.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/25.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/26.jpg" class="love_1"></a>
			<a href="javascript:;"><img src="static/img1/27.jpg" class="love_1"></a>
		</div>
	</div>
</template>
<script>
	import myAdbanner from './Adbanner'
	export default{
		components:{
			myAdbanner
		}
	}
</script>
<style scoped>
			img{
				display: block;
				border:0.0rem;
			}
			.clearFix:after{
				content: "";
				display: block;
				clear: both;
				height: 0;
				overflow: hidden;
				zoom: 1;
			}
			.lq-box{
				display: flex;
				width:100%;
				height:100%;
				background:white;
			}
			.lq-box .lq-box_1{
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding:0.125rem 0.372rem; 
				background: #de4943;
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				height: 1.2rem;
				z-index: 10;
			}
			.lq-box_1 img{
				width: .6rem
			}
			.lq-box_1 a:first-child{
				display: inline-block;
				margin-top: .2rem;
			}
			.lq-box_1 span{
				color: #fcefef;
				font-size:0.5rem;
				font-weight: bold;
			}
			.lq-box_1 a:last-child{
				margin-right:0.328rem;
			}
			.lq-box_2{
				width:100%;
				text-align: center;
				background:yellow;
				font-size: 0.391rem;
				padding:0.156rem 0;
				/*margin-top: 1.406rem;*/
			}
			.edg span{
				color:red;
				font-size: 0.422rem;
			}
			.edg i{
				color:#FF8000;
			}
			.love_1{
				width: 100%;
			    height: auto;
			    font-size: 0;
			    margin: 0 auto;
			    position: relative;
			}
</style>